<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="../resources/master.css" type="text/css" media="screen" charset="utf-8" />
	<link rel="stylesheet" href="../resources/custom.css" type="text/css" media="screen" charset="utf-8" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script src="../resources/jquery.tools.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../resources/jquery.corners.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../resources/jquery.spinbox.js" type="text/javascript" charset="utf-8"></script>
    <script>
        var valueTotal = 0;
        function doValueTotal() {
            valueTotal = 0;
            $("input.spinning").each(function() {
               valueTotal += parseInt($(this).val(), 10); 
            });
            $('#valueTotal').text(valueTotal);
            $('#valueLeft').text(100-valueTotal);
        }
        $(function () {
            $("input.spinning")
                .spinbox({min:0,max:100,step:1})
                .change(doValueTotal)
                .removeData("spinboxMax")
                .mouseover( function () {
                    $(this).data( "spinboxMax", 100-valueTotal+parseInt($(this).val(), 10) );
                });
    		$('tr.field').tooltip({tip:"#fieldhelp", position:"center right"});
    		doValueTotal();
    		
        });
    </script>
	<title>values</title>
	
</head>

<body>
<div id="vwrapper">

<h2>What values guide your budget decisions?</h2>

<p>Personal values guide budget choices.  Help us understand yours.  Consider the education priorities most important to you and what you think our schools should be now and in the future.</p>

<p>Try this exercise.  If you had $100 to spend on the school budget, how would you divide it up among the different statements listed below?  The values may overlap. You do not have to put any money to a value that is not important to you. You may create one new value statement if you like.</p>

<p>Keep in mind that you are assigning money based importance to you, not real cost.</p>

<div>Total allocated: <span id="valueTotal"></span></div>
<div>Remaing to spend: <span id="valueLeft"></span></div>

<div id="fieldhelp"></div>
<form>
<table class="values">
   <tr class="field" title="Neighborhood schools are small campuses serving students close to where they live.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value neighborhood schools.</label></td>
   </tr>

   <tr class="field" title="Educational programs such as Gifted and Talented Education (GATE), Spanish Immersion, Montessori and the DaVinci Charter Academy meet the different learning styles of students.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value choice of educational programs.</label></td>
   </tr>

   <tr class="field" title="Good salaries and working conditions allow the district to compete for best candidates and to retain experienced employees leading to greater student success.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value attracting and retaining highly qualified employees.</label></td>
   </tr>

   <tr class="field" title="K-12 education should prepare students for placement in the University of California, California State, and other institutions of higher learning.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value programs that prepare students for college.</label></td>
   </tr>

   <tr class="field" title="K-12 education should teach students skills and abilities that prepare them for jobs.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value programs that prepare students for the workforce.</label></td>
   </tr>

   <tr class="field" title="Extra-curricular activities create a sense of belonging and teamwork that promote academic success.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value activities such as sports, clubs and performing arts.</label></td>
   </tr>

   <tr class="field" title="Lower performing students require additional programs and services to be academically successful.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value programs for students needing extra academic support.</label></td>
   </tr>

   <tr class="field" title="One-on-one and small group time with a teacher leads to greater academic success.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value small class sizes with low teacher to student ratios.</label></td>
   </tr>

   <tr class="field" title="School principals, vice principals, counselors and other staff support students and families and maintain safe campuses.  School and district administrators coordinate instructional program and maintain quality operations.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value a safe and well-functioning school environment.</label></td>
   </tr>

   <tr class="field" title="Modern, adequately equipped buildings and well-maintained grounds support student learning.">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value well-maintained school facilities.</label></td>
   </tr>

   <tr class="field">
   <td class="cone">$<input class="spinning" type="text" value="0" size="3" maxlength="3" name="###" /></td>
   <td><label for="###">I value (please specify)</label><input class="open" type="text" size="40" /></td>
   </tr>
   
 </table>
</form>


<p>Thank you for sharing your ideas. </p>

<p>Would you like to combine your results with those of others who have completed the survey? Would you like to see the combined results?</p>

</div>
</body>
</html>
